//vue3框架提供的方法createApp方法，可以用来创建应用实例方法
import { createApp } from 'vue'
//引入清除默认样式
import '@/style/reset.scss'
import '@/style/sample.scss'
//引入根组件App
import App from '@/App.vue'
//引入vue-router核心插件并安装
import router from './router'
import { createPinia } from 'pinia'
//引入全局组件 顶部，底部
import Top from '@/components/top/index.vue'
import Bottom from '@/components/bottom/index.vue'
import Login from '@/components/login/index.vue'
import Chat from '@/components/chat/index.vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import naive from 'naive-ui'
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
//import VideoPlayer from 'vue-video-player/src'
// const naive = create({
//   components: [NButton]
// })
//import Ckeditor from '@ckeditor/ckeditor5-vue'

// import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
//利用createApp方法创建应用实例，且将应用实例挂载到挂载点上

const app=createApp(App);
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    app.component(key, component)
}
const pinia = createPinia();
app.use(naive)
app.use(router);
app.use(ElementPlus)
app.use(pinia);
//app.use(Ckeditor)
//app.use(VideoPlayer);
app.component('Top',Top);
app.component('Bottom',Bottom);
app.component('Login',Login);
app.component('Chat',Chat);
app.mount('#app');


